.header-conter img { width: auto; height: 0.4rem; max-width: 3rem; }

.header .header-conter { text-align: -webkit-center; line-height: 0.88rem; margin-top: 0.26rem; }

.swiper-container { width: 7.5rem; height: 8.5rem; }

.swiper-container img { width: 100%; }

.swiper-pagination { text-align: -webkit-right; position: absolute; bottom: 0.28rem; right: 0.16rem; z-index: 2; height: 0.36rem; line-height: 0.36rem; background-color: rgba(255, 255, 255, 0.7); font-size: 0.24rem; border-radius: 0.04rem; letter-spacing: 2px; overflow: hidden; -o-text-overflow: clip; text-overflow: clip; white-space: nowrap; }

.proinfo { padding: 0.24rem 0.32rem; background: #fff; margin-bottom: 1px; font-size: 0.28rem; }

.proinfo-head { line-height: initial; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.proinfo-head-title { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

.proinfo-head-title .text-orange { color: #FF734C; }

.proinfo-head-collect { width: 0.8rem; min-height: 0.432rem; height: 100%; text-align: right; }

.proinfo-body { margin-top: 0.24rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.proinfo-body .proinfo-body-price { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 0; }

.proinfo-body .proinfo-body-price .proinfo-body-price-sjg { font-size: 0.4rem; color: #FF734C; font-weight: 600; }

.proinfo-body .proinfo-body-price .proinfo-body-price-jg { color: #B4BABF; margin-left: 0.12rem; font-size: 0.28rem; margin-right: 0.32rem; }

.proinfo-body .proinfo-body-sales { width: 1.92rem; font-size: 0.24rem; text-align: right; }

.media.download { -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.2rem 0.32rem; }

.media { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background-color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.media .media-left { width: 0.84rem; min-width: 0.84rem; font-size: 0.24rem; font-weight: 500; line-height: 0.4rem; }

.media .media-left img { width: 0.8rem; vertical-align: middle; }

.media .media-center { font-size: 0.32rem; margin-left: 0.32rem; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

.media .media-center i { font-style: normal; }

.media .media-right { width: 0.4rem; text-align: right; font-size: 0.32rem; }

.skuselect { margin-top: 0.16rem; }

.detailsinfo { margin-top: 0.16rem; padding: 0.16rem 0.32rem; background: #fff; }

.detailsinfo .detailsinfo-item { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 0.24rem; position: relative; }

.detailsinfo .detailsinfo-item .detailsinfo-item-title { width: 0.84rem; min-width: 0.84rem; font-weight: 500; color: #232323; padding: 0.24rem 0; }

.detailsinfo .detailsinfo-item .detailsinfo-item-desc { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0.24rem 0; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.detailsinfo .detailsinfo-item .fffg { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.xh { margin-bottom: 1rem; }

.detailsinfo-item + .detailsinfo-item:before { content: ""; display: block; position: absolute; top: 0; left: 0.8rem; right: 0; height: 0; border-bottom: 1px solid #E9ECF0; }

.tabbar-left { position: relative; float: left; width: 40%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.tabbar-left .tabbar-item { display: -ms-grid; display: grid; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; height: 0.98rem; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 0.16rem; }

.tabbar-left .tabbar-item .icon-erji { min-width: 100%; font-size: 0.4rem; position: relative; }

.tabbar-left .tabbar-item p { font-size: 0.22rem; }

.tabbar-right { float: left; width: 60%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.tabbar-right .tabbar-item { display: block; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; height: 0.98rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.tabbar-item.tabbar-item-block { padding: 0; line-height: 0.98rem; background-color: #3D4D42; color: #fff; font-size: 14px; }

.tabbar-item.tabbar-item-block.tabbar-item-orange { padding: 0; line-height: 0.98rem; background-color: #FF734C; color: #fff; }

.skuselect { margin-top: 0.16rem; }

.skuselect .media { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background-color: #fff; padding: 0.28rem 0.32rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.skuselect .media .media-left { width: 0.84rem; min-width: 0.84rem; font-size: 0.24rem; font-weight: 500; line-height: 0.4rem; }

.skuselect .media .media-center { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

.skuselect .media .media-right { width: 0.4rem; text-align: right; font-size: 0.32rem; }

.panel { background-color: #fff; margin-top: 0.16rem; }

.panel .panel-head { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.24rem 0.32rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.panel .panel-head .panel-head-title { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.32rem; }

.panel .panel-head .panel-head-link { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.24rem; color: #71797F; text-align: right; }

.panel .panel-head i { font-size: 0.24rem; }

.panel-body { border-top: 1px solid #E9ECF0; }

.panel-body .comments-item { padding: 0.24rem 0.32rem; background-color: #fff; }

.panel-body .comments-item .comments-item-head { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.comments-item-head-left { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

.comments-item-head-left img { border-radius: 50%; overflow: hidden; width: 0.4rem; height: 0.4rem; }

.comments-item-head-left .comments-item-head-name { font-size: 0.24rem; margin-left: 0.16rem; }

.comments-item-head-right { width: 1.2rem; max-width: 1.2rem; min-width: 1.2rem; height: 0.18rem; overflow: hidden; text-align: right; }

.comments-item-head-right .comments-item-head-star.star5 { background-image: url("https://img02.hua.com/m/pro_detail/star5.png"); }

.comments-item-head-right .comments-item-head-star { display: block; width: 1.2rem; max-width: 1.2rem; min-width: 1.2rem; height: 0.18rem; background-repeat: no-repeat; -o-background-size: contain; background-size: contain; background-position: center center; }

.comments-item-content { margin-top: 0.24rem; font-size: 0.26rem; }

.comments-item-imglist { margin-top: 0.28rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; }

.comments-item-imglist img { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 1.6rem; height: 1.6rem; background-repeat: no-repeat; -o-background-size: cover; background-size: cover; background-position: center center; }

.ppp { margin-top: 0.16rem; color: #B4BABF; font-size: 0.22rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.panel-footer { font-size: 14px; }

.panel-footer .comments-more { text-align: center; padding: 0.16rem 0 0.48rem; }

.panel-footer .comments-more a { display: inline-block; font-size: 0.24rem; border: 1px solid #232628; padding: 0.08rem 0.16rem; border-radius: 0.04rem; }

.well { background-color: #fff; }

.mt-8 { margin-top: 0.16rem; }

.mt-8 .well-title { text-align: center; padding: 0.48rem 0.32rem 0.28rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.mt-8 .well-title .well-title-linename { display: inline-block; font-size: 0.32rem; font-weight: 400; padding: 0 0.24rem; }

.mt-8 .well-body { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0 0.32rem 0.32rem; }

.mt-8 .well-body .brandlist-item { float: left; width: 33.33333333%; text-align: center; margin-top: 0.48rem; }

.mt-8 .well-body .brandlist-item img { margin-left: 26px; display: block; width: 1.28rem; height: 1.28rem; }

.mt-8 .well-body .brandlist-item p { font-size: 0.24rem; padding: 0.04rem 0 0.08rem; width: 2.28rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.proimgdetails img { width: 100%; vertical-align: middle; }

.disseminate { padding-bottom: 1rem; }

.disseminate .well { background-color: #fff; }

.disseminate .well .well-title { text-align: center; padding: 0.48rem 0.32rem 0.28rem; }

.disseminate .well .well-title-bb { font-size: 0.36rem; font-weight: 600; position: relative; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.well-body { padding: 0.32rem; padding-top: 0; }

.well-body p { font-size: 0.24rem; }

.well-body img { margin-top: 0.4rem; width: 100%; vertical-align: middle; }
